


layui.use('element', function(){
  var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
  
  //监听导航点击
  element.on('nav(demo)', function(elem){
    //console.log(elem)
    layer.msg(elem.text());
  });
  
  
//弹出添加
	$('#add').click(function(e){
		$('.zhezhao').css('display','block');
		$('.alert1').css('display','block');
		e.preventDefault();
	});
	
//	弹出编辑
	$('.bianji').click(function(e){
		$('.zhezhao').css('display','block');
		$('.alert2').css('display','block');
		e.preventDefault();
	});
	
//	关闭弹出层
	$('.icon-guanbi').click(function(e){
		$('.alert').css('display','none');
		$('.zhezhao').css('display','none');
		e.preventDefault();
	});
	
	
	$(".dianji").click(function(){
		$(this).addClass("on").siblings().removeClass("on"); //切换选中的按钮高亮状态
		var index = $(this).index(); //获取被按下按钮的索引值，需要注意index是从0开始的
		$(".xuan > .sublingg").eq(index).show().siblings().hide(); //在按钮选中时在下面显示相应的内容，同时隐藏不需要的框架内容
	});
	
	$(".dianji1").click(function(){
		$(this).addClass("on").siblings().removeClass("on"); //切换选中的按钮高亮状态
		var index = $(this).index(); //获取被按下按钮的索引值，需要注意index是从0开始的
		$(".xuan1 > .sublingg1").eq(index).show().siblings().hide(); //在按钮选中时在下面显示相应的内容，同时隐藏不需要的框架内容
	});
	
	$(".dianji2").click(function(){
		$(this).addClass("on").siblings().removeClass("on"); //切换选中的按钮高亮状态
		var index = $(this).index(); //获取被按下按钮的索引值，需要注意index是从0开始的
		$(".xuan2 > .sublingg2").eq(index).show().siblings().hide(); //在按钮选中时在下面显示相应的内容，同时隐藏不需要的框架内容
	});
	
//	屏幕变小出现的下拉列表
	$('#person').click(function(e){
		if ($(".child-1").css("display")=="none") {
				$(".child-1").show();
		} else{
				$(".child-1").hide();
		}
		e.preventDefault();
	});
	
	$('#gengduo').click(function(e){
		if ($(".child-2").css("display")=="none") {
				$(".child-2").show();
		} else{
				$(".child-2").hide();
		}
		e.preventDefault();
	});
	
	$('#qiye').click(function(e){
		if ($(".child-3").css("display")=="none") {
				$(".child-3").show();
		} else{
				$(".child-3").hide();
		}
		e.preventDefault();
	});
	
	
	$(".click-dd").click(function(){
		$(this).addClass("on").siblings().removeClass("on"); //切换选中的按钮高亮状态
			var index = $(this).index(); //获取被按下按钮的索引值，需要注意index是从0开始的
		$(".all-content > .layui-body").eq(index).show().siblings().hide(); //在按钮选中时在下面显示相应的内容，同时隐藏不需要的框架内容
	});
	
		$(".click-dd2").click(function(){
		$(this).addClass("on").siblings().removeClass("on"); //切换选中的按钮高亮状态
			var index = $(this).index(); //获取被按下按钮的索引值，需要注意index是从0开始的
		$(".all-content > .layui-body1").eq(index).show().siblings().hide(); //在按钮选中时在下面显示相应的内容，同时隐藏不需要的框架内容
	});
	
	
	

	
});
  